<template>
    <div class="popular">
        <Sonpopular v-for="(v,i) in arr" :key="i" :img="v.image" :h3="v.h3" :sp1="v.sp1" :sp2="v.sp2" :sp3="v.sp3" :sp4="v.sp4"/>
        
    </div>
</template>

<script>
import Sonpopular from "@/components/ddgHD/sonpopular.vue"
import {getlink} from "@/api/getapi.js"
export default {
    data(){
        return {
            arr:[]
        }
    },
    components:{
        Sonpopular
    },
    mounted() {
        getlink("/data/ddg").then((ok)=>{
            this.arr=ok.data.recommend
        })
    }
}
</script>

<style scoped>
    .popular{
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        font-size: 0.12rem;
    }
    
</style>